<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>学生管理 - 学生管理系统</title>
    <link rel="stylesheet" href="../css/public.css">
    <script>
        function setActive() {
            var buttons = document.getElementsByTagName('button');
            for (var i = 0; i < buttons.length; i++) {
                buttons[i].addEventListener('click', function () {
                    for (var j = 0; j < buttons.length; j++) {
                        buttons[j].classList.remove('active');
                    }
                    this.classList.add('active');
                });
            }
        }
    </script>
</head>

<body onload="setActive()">
    <header>
        <h1>学生管理系统</h1>
        <nav>
            <a href="../index.html"><button>首页</button></a>
            <button class="active">学生管理</button>
            <a href="clas.html"><button>班级管理</button></a>
        </nav>
    </header>
    <main>
        <h2>学生信息表</h2>
        <!-- 搜索框 -->
        <div class="search_box">
            <input type="text" id="searchInput" placeholder="请输入学生姓名关键字进行搜索..." onkeyup="get_by_keyword(this.value)" />
        </div>
        <table id="studentTable" class="table_main">
            <thead>
                <tr>
                    <th>学生id</th>
                    <th>学生姓名</th>
                    <th>性别</th>
                    <th>班级id</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="data_info"></tbody>
        </table>
        <div class="div_in_container">
            <div class="div_input_son_container">
                <h3>添加学生</h3>
                <div id="add_student">
                    <input type="text" name="" id="add_student_input" placeholder="请输入学生姓名" />
                </div>
                <button onclick="">添加学生</button>
            </div>
            <div class="div_input_son_container">
                <h3>编辑学生</h3>
                <div id="edit_student"></div>
                <button onclick="">保存</button>
            </div>
        </div>
    </main>
</body>

</html>